<!DOCTYPE html>
<!--[if lt IE 8]> <html class="lt-ie8" lang="en"> <![endif]-->
<!--[if gte IE 8]><!--> <html lang="en"> <!--<![endif]-->
<?php

?>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>School Management Admin Panel - Login Page</title>

	<!-- Foundation framework -->
		<link rel="stylesheet" href="foundation/stylesheets/foundation.css">
	<!--[if lt IE 8]> <link rel="stylesheet" href="foundation/stylesheets/ie.css" /> <![endif]-->
        
        <link rel="stylesheet" href="css/style.css">

	<!-- Favicons and the like (avoid using transparent .png) -->
		<link rel="shortcut icon" href="favicon.ico" />
		<link rel="apple-touch-icon-precomposed" href="icon.png" />

</head>
<body class="ptrn_a grdnt_a">
    <div class="container">
        <div class="row" style='margin-top:100px;'>
            <div class="eight columns centered">
                <div class="login_box" >
                    <div class="lb_content">
                        <div class="login_logo" ></div>
                        <div class="cf">
                            <h2 class="lb_ribbon lb_blue"><span>Login to your account</span><span style="display:none">New password</span></h2>
							 
					    </div>
                        <div class="row m_cont">
                            <div class="eight columns centered">
                                <div class="l_pane">
									<form action="dashboard.php" method="post" class="nice" id="l_form">
										<div class="sepH_c">
											<div class="elVal">
												<label for="username">Username</label>
												<input type="text" id="username" value="" name="username" class="oversize expand input-text" />
											</div>
											<div class="elVal">
												<label for="password">Password</label>
												<input type="password" id="password" value="" name="password" class="oversize expand input-text" />
												<label for="message" style='display:none;'></label>
											</div>
										</div>
										<div class="cf">
											<label for="remember" class="left"><input type="checkbox" id="remember"> Remember me</label>
											<input type="submit" id='btnLogin' class="button small radius right red" value="Login" />
										</div>
									</form>
								</div>
							 
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

	<script src="js/jquery.min.js"></script>
	<script src="js/s_scripts.js"></script>
    <script src="js/jquery.validate.min.js"></script>
	<script src="js/jquery.cookie.js"></script>
    <script src="js/myScript/js_logon.js"></script>
		<script>
  		if(jQuery.browser.mobile) {
			if (top !== self) top.location.href = self.location.href;
		}
	</script>
</body>
</html>
